import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import './style.css'
import App from './App.vue'
import { MdEditor } from 'md-editor-v3'
import 'md-editor-v3/lib/style.css'
import cloudbase from '@cloudbase/js-sdk'

// 初始化 CloudBase
const appId = import.meta.env.VITE_APP_ID
const clientId = import.meta.env.VITE_CLIENT_ID

if (!appId || !clientId) {
  console.error('请配置 CloudBase 的 VITE_APP_ID 和 VITE_CLIENT_ID 环境变量')
} else {
  cloudbase.init({
    env: 'cloud1-2gtzms2c9570dcf2',
    appId,
    clientId
  })
}

// 导入页面组件
import HomePage from './pages/HomePage.vue'
import TextConverter from './pages/TextConverter.vue'

// 定义路由
const routes = [
  { path: '/', component: HomePage },
  { path: '/text-converter', component: TextConverter },
  { path: '/:pathMatch(.*)*', redirect: '/' } // 404重定向到首页
]

// 创建路由实例 - 使用hash模式避免静态托管时的刷新404问题
const router = createRouter({
  history: createWebHashHistory(),
  routes
})

// 创建应用实例
const app = createApp(App)

// 使用路由
app.use(router)

// 全局注册md-editor-v3组件
app.component('MdEditor', MdEditor)

// 挂载应用
app.mount('#app')